<template>
    <div class="container">
        <div class="list" v-for="item of musics" :key="item.id">
            <img :src="item.blurPicUrl" alt="">
            <p class="name">{{item.name}}</p>
            <p class="artists">{{item.artists[0].name}}</p>
        </div>
    </div>
</template>
<script>
import axios from 'axios'
export default {
    name:"App",
    data(){
        return{
            musics:[]
        }
    },
    mounted(){
        var url="https://music.aityp.com/top/album";
        axios.get(url).then(res=>{
            this.musics=res.data.albums;
        })
    }
}
</script>
<style scoped>
    
</style>